var gulp=require("gulp");

// 编译css
var gulp_minify_css=require("gulp-minify-css");
gulp.task("minifycss",function(){
    gulp.src("src/css/*.css")
        .pipe(gulp_minify_css())
        .pipe(gulp.dest("dist/css"))
})
// 编译sass
var gulp_sass=require("gulp-sass");
gulp.task("sass",function(){
    gulp.src("src/scss/*.scss")
        .pipe(gulp_sass())
        .pipe(gulp.dest("dist/css"))
})

// es6语法转为es5
// 项目下的cmd中输入：cnpm install --save-dev gulp-babel babel-core babel-preset-env
var gulp_babel=require("gulp-babel");
// 编译js
var gulp_uglify=require("gulp-uglify");
gulp.task("minifyJs",function(){
    gulp.src("src/js/*.js")
        .pipe(gulp_babel({
            presets:['env']
        }))
        .pipe(gulp_uglify())
        .pipe(gulp.dest("dist/js"))
})
// 压缩img
var gulp_imagemin=require("gulp-imagemin");
gulp.task("imagemin",function(){
    gulp.src("src/img/*.jpg")
        .pipe(gulp_imagemin())
        .pipe(gulp.dest("dist/img"))
})
// 复制html文件
gulp.task("copyHtml",function(){
    gulp.src("*.html")
        .pipe(gulp.dest("dist/"))
})
// 事件监听watch
gulp.task("dev",function(){
    gulp.watch("src/scss/*.scss",["sass"])
        .on("change",function(e){
            console.log(e);
        })
        
})
// 一键压缩css、js、scss、img等文件
gulp.task("press",["minifycss","minifyJs","imagemin","sass"])


// 实现热刷新 cnpm install browser-sync --save-dev
var browserSync=require("browser-sync");
gulp.task("browser",function(){
    browserSync.init({
        server:{
            baseDir:"./"
        },
        port:4000
    })
    gulp.watch("src/scss/*.scss",["sass"])
        .on("change",browserSync.reload)
    gulp.watch("src/*.html",["copyHtml"])
        .on("change",browserSync.reload)
})

// 自定义一个默认任务
gulp.task("default",function(){
    console.log("default");
})

// auto-prefixer自动添加前缀
// cnpm install gulp-autoprefixer --save-dev
var gulp_autoprefixer=require("gulp-autoprefixer");
gulp.task('test', function () {
    gulp.src('src/scss/*.scss')
        .pipe(gulp_autoprefixer({
            browsers: ['last 2 versions', 'Android >= 4.0'],
            cascade: true, //是否美化属性值 默认：true 像这样：
            //-webkit-transform: rotate(45deg);
            //        transform: rotate(45deg);
            remove:true //是否去掉不必要的前缀 默认：true 
        }))
        .pipe(gulp.dest('dist/css'));
});